<script>
import {ElMessage} from 'element-plus'
import {Clock} from "@element-plus/icons-vue";
  export default {
    components: {Clock},
    data() {
      return {
        value: 3,
        value1: 3
      }
    },
    mounted() {
      setTimeout(()=>{
        this.value = 5
      },2000)
    },
    methods: {
      handleClick() {
        ElMessage.success('success点击了')
      }
    }
  }
</script>

<template>
  <div>07_ElementPlus.vue

    <div class="button-row">
      <!--      按钮-->
      <el-button>Default</el-button>
      <el-button  type="primary" icon="Clock">Primary</el-button>
      <el-button @click="handleClick" type="success" icon="SuccessFilled">Success</el-button>
      <el-button type="info">Info</el-button>
      <el-button type="warning">Warning</el-button>
      <el-button type="danger">Danger</el-button>
      <br>

      <!--      评分-->
      <el-rate
          v-model="value"
          :texts="['oops', 'disappointed', 'normal', 'good', 'great']"
          show-text
      />
      <br>
      <el-rate
          v-model="value1"
      />
      <br>

      <!--      图标-->
      <el-icon><Clock /></el-icon>
    </div>
  </div>
</template>

<style scoped>

</style>